<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>天气</title>
    <script src="js/rem.js"></script>
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/index.js" defer></script>
</head>
<body>
	<div class="top">
		<p></p>
		<div class="top-kongqi">
			<p>空气</p>
			<h5></h5>
		</div>
		<ul class="top-middle">
			<li><span class="tem"></span><sup>o</sup></li>
			<li class="tm2"></li>
			<li><span class="tm3"></span>&nbsp; <span class="tm4"></span></li>
			<li>天冷了，注意保暖~</li>
		</ul>
		<div class="top-screen">
			<img src="img/screen.png"/>
		</div>
	</div>
	<ul class="today">
		<li>
			<div class="todaylileft">
				<p>今天</p>
				<p>晴转多云</p>
			</div>
			<div class="todayliright">
				<p><span class="hi"></span><span class="low"></span><sup>o</sup>C</p>
				<img src="img/0.png" alt="" />
			</div>
		</li>
		<li>
			<div class="todaylileft tomorrow">
				<p>明天</p>
				<p>晴</p>
			</div>
			<div class="todayliright tomorrow">
				<p><span class="hi"></span><span class="low"></span><sup>o</sup>C</p>
				<img src="img/0.png" alt="" />
			</div>
		</li>
	</ul>
	<div class="wrapper">
	
		<ul class="temp">
		</ul>
	
	</div>
	<div class="ct-scroll">
		<ul class="container">
		</ul>
	</div>
	<ul class="foot">
		<li>
			<span class="foot-icon"></span>
			<p class="content">5和0</p>
			<p class="title">尾号限行</p>
		</li>
		<li>
			<span class="foot-icon"></span>
			<p class="content">5和0</p>
			<p class="title">尾号限行</p>
		</li>
		<li>
			<span class="foot-icon"></span>
			<p class="content">5和0</p>
			<p class="title">尾号限行</p>
		</li>
		<li>
			<span class="foot-icon"></span>
			<p class="content">5和0</p>
			<p class="title">尾号限行</p>
		</li>
		<li>
			<span class="foot-icon"></span>
			<p class="content">5和0</p>
			<p class="title">尾号限行</p>
		</li>
		<li>
			<span class="foot-icon"></span>
			<p class="content">5和0</p>
			<p class="title">尾号限行</p>
		</li>
		<li>
			<span class="foot-icon"></span>
			<p class="content">5和0</p>
			<p class="title">尾号限行</p>
		</li>
		<li>
			<span class="foot-icon"></span>
			<p class="content">5和0</p>
			<p class="title">尾号限行</p>
		</li>
	</ul>
	<footer>
		<p>数据来源于中国天气网</p>
	</footer>
	<!--搜索地区-->
	<div class="topwrapper">
		<div class="topwrapper-top">
			<input type="text" placeholder="搜索市、区县等" />
			<a href="#">取消</a>
		</div>
		<div class="hotcity">
			<p>当前定位</p>
			<ul class="city">
				<li>北京</li>
			</ul>
		</div>
		<div class="hotcity">
			<p>历史记录</p>
			<ul class="city">
				<li>北京</li>
				<li>上海</li>
			</ul>
		</div>
	</div>
</body>
</html>
